<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="wap-font-scale" content="no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="format-detection" content="telephone=no, email=no" />

		<title>订制</title>
		<script src="../js/3d/config.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/css" href="../css/moban.css" />
		<link rel="stylesheet" type="text/css" href="../css/common/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/common/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/common/common.css" />

		<link rel="stylesheet" href="../css/3d/base.css">
		<link rel="stylesheet" href="../css/3d/3d.css">
	</head>

	<body>
		<main>
			<div class="page wrap">
				<!-- 页眉 -->
				<?php include('common_html/header.php') ?>
					<!--头部部分-->
				<!--<header class="pos_r">
					<img src="../images/3d/ico_0.png" class="pos_a logo" />
					<nav class="pos_a h100 nav0">
						<ul class="nav_ul h100">
							<li>
								<a href="">首页</a>
							</li>
							<li>
								<a href="">在线定制</a>
							</li>
							<li>
								<a href="">品牌区</a>
							</li>
							<li>
								<a href="">设计师</a>
							</li>
						</ul>

						<div class="pos_r search_div">
							<input type="text" name="search_input" id="search_input" value="" class="w100 h100" />
							<img src="../images/3d/ico_1.png" class="pos_a search_btn" />
						</div>
						<span class="buy_btn"></span>
						<span class="user_btn"></span>
						<span class="nav0_zhu">400-6563-116</span>
						<span class="language_btn"></span>
					</nav>
				</header>-->

				<!-- 正文 -->
				<article>
					<!--<nav class="diy_nav">

					</nav>-->

					<section class="diy">
						<div class="pos_r diy_contain">
							<div class="pos_a h100 diy_panel">
								<ul class="diy_panel_header">
									<li class="active">部件定制</li>
									<li>颜色定制</li>
								</ul>
								<div class="pos_r diy_panel_model">
									<div>
										<h2>请选择定制的部位</h2>
										<div class="diy_panel_scroll">
											<ul class="diy_panel_name">

											</ul>
										</div>
									</div>
									<div class="hide">
										<h2>请选择定制的部位</h2>
										<div class="diy_panel_scroll">
											<ul class="diy_panel_color">
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div class="pos_a h100 diy_dialog">
								<div class="h100 diy_dialog_name">
									<div class="pos_r diy_svgs">

									</div>
									<ul class="diy_svgs_tab">
										<li class="active"><span class="diy_svgs_li0"></span></li>
										<li><span class="diy_svgs_li1"></span></li>
										<li><span class="diy_svgs_li2"></span></li>
									</ul>
									<div class="diy_svgs_div">
										<div>
											<h3>更改颜色</h3>
											<div class="diy_svgs_scroll diy_svgs_scroll0">
												<ul class="diy_svgs_colors">

												</ul>
											</div>
										</div>
										<div class="hide">
											<h3>添加文字</h3>
											<div class="pos_r inputs_div">
												<input type="text" id="text_input" class="inputs" maxlength="10" placeholder="最多可输入10个字节" />
												<img src="../images/3d/btn_8.jpg" class="pos_a ok_btn" />
											</div>
											<!--<h3>文体选择</h3>-->
											<h3>文字颜色</h3>
											<div class="diy_svgs_scroll diy_svgs_scroll1">
												<ul class="diy_svgs_colors">

												</ul>
											</div>
										</div>
										<div class="hide">
											<h3>透明度</h3>
											<div class="pos_r inputs_div">
												<input type="text" id="opcity_input" class="inputs" placeholder="1-100" />
												<img src="../images/3d/btn_8.jpg" class="pos_a ok_btn" />
											</div>
											<h3>图片定制</h3>
											<div class="diy_svgs_scroll diy_svgs_scroll2">
												<ul class="image_list">
													<li style="background-image:url(../images/3d/texture/1.png)" data-src="../images/3d/texture/1.png"></li>
													<li>
														<input type="file" id="file_input" class="hide" multiple accept="image/*" />
														<label for="file_input" class="h100 file_btn"></label>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="diy_dialog_color">
									<ul class="color_title"></ul>
									<h2>选择更改的颜色</h2>
									<div class="diy_panel_scroll">
										<ul class="colors_ul">

										</ul>
									</div>
									<div class="btns hide">
										<img src="../images/3d/btn_3.png" class="cancel_btn" />
										<img src="../images/3d/btn_2.png" class="submit_btn" />
									</div>
								</div>
							</div>

							<div class="pos_a h100 game">
								<div class="h100 game_3d">

								</div>
								<img src="../images/3d/btn_1.png" class="pos_a no_events game_tishi" />
								<a href="../html/my_product/my_product.html"><img src="../images/3d/btn_0.png" class="pos_a save_btn" /></a>
							</div>

							<!--计算字体box-->
							<svg class="pos_a text_svg">

							</svg>
							<!--加载svg区-->
							<div class="load_svg">

							</div>
							<!--canvas纹理-->
							<canvas width="1024" height="1024" class="canvas0"></canvas>
						</div>
					</section>

					<!--推荐设计-->
					<section class="designs">
						<div class="contain">
							<img src="../images/3d/txt_0.png" class="designs_title" />

							<div class="pos_r designs_auto">
								<div class="designs_play">
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_0.jpg" />
										<p><span class="clothes_name">男士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_1.jpg" />
										<p><span class="clothes_name">女士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_2.jpg" />
										<p><span class="clothes_name">男士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_3.jpg" />
										<p><span class="clothes_name">女士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_4.jpg" />
										<p><span class="clothes_name">男士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
								</div>
								<div class="designs_play">
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_0.jpg" />
										<p><span class="clothes_name">男士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_1.jpg" />
										<p><span class="clothes_name">女士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_2.jpg" />
										<p><span class="clothes_name">男士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
									<a class="designs_div" href="">
										<img src="../images/3d/auto/pic_3.jpg" />
										<p><span class="clothes_name">女士骑行上衣</span><br><span class="clothes_price">¥299</span></p>
									</a>
								</div>
							</div>

							<div class="pos_a left_btn">
								<svg width="17" height="38">
									<path d="M 17 0 L0 18 L17 38" fill="none" stroke="#93989c"></path>
								</svg>
							</div>
							<div class="pos_a right_btn">
								<svg width="17" height="38">
									<path d="M 0 0 L17 18 L0 38" fill="none" stroke="#93989c"></path>
								</svg>
							</div>
						</div>
					</section>
				</article>

				<div class="cus_bottom">
					<div class="cus_bot_con">
						<div class="cus_bot_con_left fl">
							<img src="../images/moban/logo_white.png">
						</div>
						<div class="cus_bot_con_right fl">
							<div class="cus_bot_con_right_con">
								<ul>
									<li>
										<a href="">新手指南</a>
									</li>
									<li>
										<a href="">用户注册</a>
									</li>
									<li>
										<a href="">定制流程</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">付款方式</a>
									</li>
									<li>
										<a href="">支付方式</a>
									</li>
									<li>
										<a href="">支付问题</a>
									</li>
									<li>
										<a href="">常见问题</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">售后服务</a>
									</li>
									<li>
										<a href="">退款换货</a>
									</li>
									<li>
										<a href="">配送方式</a>
									</li>
									<li>
										<a href="">联系我们</a>
									</li>
								</ul>
								<ul>
									<li>
										<a href="">政策条款</a>
									</li>
									<li>
										<a href="">服务协议</a>
									</li>
									<li>
										<a href="">隐私条款</a>
									</li>
									<li>
										<a href="">版权条款</a>
									</li>
								</ul>
								<div class="clear"></div>
							</div>
						</div>
						<div class="clear"></div>
						<div class="cus_bot_con_right_bot">
							<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
						</div>
					</div>
				</div>
			</div>
		</main>

		<script src="../js/3d/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>

		<script src="../js/3d/three.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/3d/OBJLoader.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/3d/OrbitControls.js" type="text/javascript" charset="utf-8"></script>

		<script src="../js/3d/canvg.js" type="text/javascript" charset="utf-8"></script>

		<script src="../js/3d/loading.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/3d/autoPlay.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/3d/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/3d/3d.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>